<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  tip: lichengming
  Date: 2017/6/14
  Time: 下午4:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/resources.jsp" %>

<html>
<head>
    <title>众筹详情</title>
    <style type="text/css">
        .swiper-container {
            width: 100%;
            max-width: 800px;
            height: 200px;
        }
        .content_wrapper {
            margin-top: 15px;
        }
    </style>

</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading ems_add_heading">
        <h3 class="panel-title">培训详情</h3>
        <div class="ems_add_gbtn">
            <button type="button" class="btn btn-info go_back" style="margin-right: 10px;">
                <span class="glyphicon glyphicon-chevron-left"></span> 返回上一页
            </button>
        </div>
    </div>
    <div class="panel-body">
        <h3 style="text-align: center;">${record.title}</h3>
        <div style="width: 100%;background-color: #fbfaf7;padding: 10px;text-align: center;">
            <div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
                <div class="swiper-wrapper" style="font-size: 0;">
                    <div class="swiper-slide"><img src="${record.banner}" alt=""></div>
                </div>
                <%--<div class="swiper-pagination"></div>--%>
            </div>
        </div>
        <div class="content_wrapper">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">封面介绍</h3>
                </div>
                <div class="panel-body">
                    ${record.description}
                </div>
            </div>
        </div>
        <div class="content_wrapper">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">统计详情</h3>
                </div>
                <div class="panel-body">
                    <table class="table table-hover">
                        <tbody>
                        <tr>
                            <td>大类：${record.btype}</td>
                            <td>小类：${record.stype}</td>
                        </tr>
                        <tr>
                            <td>标签：${record.tags}</td>
                            <td>购买价格：${record.price}元</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="content_wrapper">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">活动介绍</h3>
                </div>
                <div class="panel-body">
                    ${record.introduction}
                </div>
            </div>
        </div>
        <div class="content_wrapper">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">培训详情</h3>
                </div>
                <div class="panel-body">
                    ${record.content}
                </div>
            </div>
        </div>

        <%--<div class="content">--%>
            <%--${record.content}--%>
        <%--</div>--%>
    </div>
</div>
</body>
<script>
    $(function(){
        $(".go_back").on("click",function () {
            window.history.go(-1);
        })
    })

</script>
</html>